﻿body {
    background-color: #FFFFFF;
    text-align: center;
    margin: 0px;
    padding: 0px;
    position: relative;
    display: block;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    color: #666;
}

div {
    display: block;
}

header, footer {
    width: 960px;
    margin: 0 auto;
    display: block;
}


.container {
    width: auto;
    margin: 0 auto;
    padding-bottom: 0.5em;
    position: static;
    background: #fff;
    display: block;
}

.wrap {
    width: 960px;
    height: auto;
    margin: 0 auto;
    display: block;
    padding: 0;
    border: 0;
    position: relative;
}

.main-image {
    width: 960px;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    /*background-image: url('../images/inbox-basic.jpg');
    background-repeat:no-repeat;*/
}

    .main-image img {
        background-repeat: no-repeat;
    }

.pageTitle {
    /*left: 43px;
    top: 218px;
    position: absolute;*/
    font-size: 22pt;
    color: #4192B9;
    font-weight: normal;
    text-align: left;
    background-color: #FFFFFF;
    padding-bottom: 5px;
}

/*---START: drop down filter---*/
.ddfilterContainer {
    top: 258px;
    left: 638px;
    width: 186px;
    height: 33px;
    position: absolute;
}

#firstfilter {
    cursor: pointer;
    width: 165px;
    height: 24px;
    opacity: 0;
    padding-bottom: 10px;
    padding-right: 165px;
}

.filterItems {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    text-align: center;
    width: 186px;
    height: 33px;
    border: 1px ridge #666;
    background-color: #eaeaea;
}

    .filterItems div {
        /*border-bottom: 1px ridge #fff;*/
    }

    .filterItems option {
        color: #fff;
        width: 140px;
        height: 25px;
        /*display: block;*/
        background-color: #4192b9;
        /*text-decoration: none;*/
        padding: 4px;
    }

        .filterItems option:hover {
            background-color: #47B6BC;
            text-decoration: none;
        }

    .filterItems a {
        text-decoration: inherit;
    }
/*---END: drop down filter---*/
/*.table {
    
    margin: 0;
    padding: 0;
    border: 0;
    position: absolute;
    
}
.footer {
    margin: 0;
    padding: 0;
    border: 0;
    position: absolute;
}*/

.tooltipsTable {
    left: 0px;
    top: 300px;
    width: 75px;
    height: 195px;
    position: absolute;
}

    .tooltipsTable table {
        width: 100%;
        height: 100%;
    }

    .tooltipsTable thead tr {
        height: 37px;
        border-bottom: 2px none;
    }

    .tooltipsTable tbody tr {
        height: 50px;
    }

    .tooltipsTable span {
        width: 100%;
    }


/*--Case detail page--*/

.accept-reject-reroute {
    display: block;
    float: right;
    right: 0px;
    height: 40px;
}

#btn-reroute {
    cursor: pointer;
}

#reroute-pannel {
    position: relative;
}

#checkboxes-reroute-pannel {
    position: absolute;
    top: 15px;
    left: 335px;
    width: 585px;
    height: 20px;
}

#autocompleteWrap {
    position: absolute;
    top: 45px;
    right: 0px;
    width: 810px;
    height: 75px;
}

    #autocompleteWrap table {
        width: 100%;
        height: 100%;
        text-align: left;
    }

        #autocompleteWrap table tr td span {
            font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
            font-size: 12px;
            margin-left: 2px;
        }

        #autocompleteWrap table tr td input {
            border: 1px solid #C0C0C0;
            width: 300px;
            height: 20px;
            padding-left: 3px;
        }

/*---START: autoComp input ---*/
::-webkit-input-placeholder {
    color: #C0C0C0;
    font-style: italic;
    font-size: 12px;
}

:-moz-placeholder {
    color: #C0C0C0;
    font-style: italic;
    font-size: 12px;
}

::-moz-placeholder {
    color: #C0C0C0;
    font-style: italic;
    font-size: 12px;
}

:-ms-input-placeholder {
    color: #C0C0C0;
    font-style: italic;
    font-size: 12px;
}

/* Different color for some fields */

/*#autoComp::-webkit-input-placeholder {
    color: #C0C0C0;
}

#autoComp:-moz-placeholder {
    color: #C0C0C0;
}

#autoComp::-moz-placeholder {
    color: #C0C0C0;
}

#autoComp:-ms-input-placeholder {
    color: #C0C0C0;
}*/
/*---END: autoComp input ---*/

.whiteBG {
    background: #FFFFFF;
    width: 330px;
}

.seeLabel {
    width: 135px;
}

.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}

    .ui-autocomplete a {
        font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
        font-size: 12px;
        text-align: left;
    }

#autoComp-agency {
    border: 1px solid #C0C0C0;
    width: 170px;
    height: 20px;
    cursor: pointer;
}

.subTitle {
    text-align: left;
    background-color: #FFFFFF;
    padding-bottom: 5px;
    margin-bottom: 15px;
    width: 100%;
    border-bottom: solid;
    border-width: 4px;
    border-color: #4192B9;
}

    .subTitle span {
        font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
        font-size: 1.2em;
        color: #4192B9;
        font-weight: 100;
    }

.childTable {
    width: 900px;
    margin: 30px auto 50px auto;
    font-size: 12px;
}

    .childTable table {
        width: 100%;
        border-collapse: collapse;
    }

    .childTable thead th {
        border: solid;
        border-width: 0px 0px 3px 0px;
        border-bottom-color: #808080;
    }

    .childTable tbody td {
        border-bottom: solid;
        border-width: 1px;
        border-bottom-color: #808080;
        /*font-size:1.0em;*/
    }

#addChildInputsWrap {
    position: absolute;
    top: 50px;
    left: 150px;
    padding-left: 3px;
    padding-top: 3px;
}

    #addChildInputsWrap input[type=text] {
        border: 1px solid #C0C0C0;
        position: relative;
    }

#addAgencyInputsWrap {
    position: absolute;
    top: 190px;
    left: 151px;
    text-align: left;
}

    #addAgencyInputsWrap select {
        width: 170px;
        height: 25px;
        margin-left: 3px;
        margin-top: 0px;
    }

#textAnalytics {
    position: absolute;
    top: 525px;
    left: 153px;
    height: 180px;
    width: 880px;
}

/*.loading {
    position:fixed;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    z-index:-9999;
    background:url('images/ajax-loader.gif') 50% 50% no-repeat;
}*/

.progressBar {
    font-size:12px;
    width: 180px;
    height: 18px;
    margin: 5px 0px;
    background: #999999;
    border: 1px solid #666;
    border-radius: 5px;
    overflow: hidden;
}

    .progressBar div {
        height: 100%;
        color: #fff;
        text-align: right;
        line-height: 22px; /* same as #progressBar height if we want text middle aligned */
        width: 0;
        background-color: #1a82f7;
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0099FF), to(#1a82f7));
        background: -webkit-linear-gradient(top, #0099FF, #1a82f7);
        background: -moz-linear-gradient(top, #0099FF, #1a82f7);
        background: -ms-linear-gradient(top, #0099FF, #1a82f7);
        background: -o-linear-gradient(top, #0099FF, #1a82f7);
    }
